<script setup>
import { showMsg } from './utils/showMessage.ts'
import request from './utils/request.ts'
const handleClick = () => {
  request('http://localhost:18188').then((res) => {
    showMsg(res.message, 'success')
  })
}
</script>
<template>
  <div class="app">
    <button @click="handleClick">按钮</button>
  </div>
</template>
<style scoped>
.app {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;

  button {
    width: 20rem;
    height: 10rem;
    background: #fff;
    border: 1px solid skyblue;
    color: skyblue;
    border-radius: 2rem;
    font-size: 2rem;
    cursor: pointer;
  }
}
</style>
